<template>
    <div class="iframe">
        <div class="loading"></div>
        <iframe :src="info.url" frameborder="0"></iframe>
    </div>

</template>

<script setup>
import { onMounted } from 'vue';
import { useRoute } from 'vue-router';
const route = useRoute()

const info = route.query;

onMounted(() => {
    console.log(route);
})
</script>

<style lang="scss" scoped>
.iframe {
    width: 100%;
    height: 100%;

    .loading {
        z-index: -1;
        margin: auto;
    }

    iframe {
        width: 100%;
        height: 100%;
    }
}
</style>